@charset "utf-8"; /* * Project Name: * Author:位置 * Date:2017-10-25 */ @font-face { font-family: "PFDinTextCompPro-Regular"; src: url(../fonts/PFDinTextCompPro-Regular.woff2) format("woff2"), url(../fonts/PFDinTextCompPro-Regular.woff) format("woff"), url(../fonts/PFDinTextCompPro-Regular.ttf) format("truetype"), url(../fonts/PFDinTextCompPro-Regular.eot) format("embedded-opentype"), url(../fonts/PFDinTextCompPro-Regular.svg) format("svg"); } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0px; border: 0; font-size: 100%; outline: none; } html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; } /* always display scrollbars */ body { font: 12px/1.8 "Microsoft YaHei New","Microsoft Yahei","微软雅黑","Hiragino Sans GB","冬青黑体","Arial","Helvetica","SimHei","黑体","STXihei","华文细黑",sans-serif; margin: 0 auto; color: #989898; background-color: #fff; _background-attachment:fixed; _background-image:url(about:blank);} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } input, select { vertical-align: middle; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } strong { font-weight: bold; } input { outline: none; padding:0;} img { border: 0; } input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] ,select{ -webkit-appearance: none; border-radius: 0;} textarea { -webkit-appearance: none; border-radius: 0; background:none; outline:none; padding:0; margin:0; border:none;} ::-moz-selection { background: #f7a300; color: #fff; text-shadow: none; } ::selection { background: #f7a300; color: #fff; text-shadow: none; } a { text-decoration: none; blr: expression(this.onFocus=this.blur()); cursor: pointer; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } a:link, a:visited { text-decoration: none;} a:active, a:hover { text-decoration: none;} .clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } .fc { text-align: center; } .fr { text-align: right; } .l { float: left; display: inline-block; } .r { float: right; display: inline-block; } .vt { vertical-align: top; } .vm { vertical-align: middle; } .inner { width:1210px; margin: 0px auto;} /*header-box*/ .header-box{ position:fixed; width:100%; left:0; top:0; z-index:99; box-shadow:0 0 6px rgba(0,0,0,0.34);} .header{ padding:16px 62px; position:relative; z-index:10; background:#fff;} .logo{ line-height:1; /*width:245px;*/ float:left;} .logo img{ display:block; line-height:0; padding-top: 11px; padding-bottom:5px;} @media (max-width: 767px){ .logo img{ display:block; width:100%; margin-top:5px;} } .nav{ position:absolute; left:50%; margin-left:-462px; top:35px;} .nav li{ float:left; width:125px; text-align:center; position:relative;} .nav li:last-child{ margin-right:0;} .nav li a{ display:inline-block; min-width:76px; margin:auto; line-height:1; height:38px; position:relative; font-size:16px; transition:0.35s; overflow:hidden;} .nav li a:link{color:#878787;} .nav li a:visited {color:#878787;} .nav li a:active {color:#878787;} .nav li a:before{ content:""; width:100%; height:5px; background:#005bac; position:absolute; left:0; bottom:0; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .35s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .35s cubic-bezier(.4,0,.2,1); transition:transform .35s cubic-bezier(.4,0,.2,1); transition:transform .35s cubic-bezier(.4,0,.2,1),-webkit-transform .35s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;} .nav li a span{ display:block; line-height:1; font-size:16px; color:#878787; text-align:center; transition:0.35s;} .nav li a small{ display:block; white-space:nowrap; overflow:hidden; text-align:center; color: #005bac; font-size:16px; display: block;-webkit-transition:.45s; transition:0.45s; width:200%; position:relative; left:50%; margin-left:-100%; opacity:0; visibility:hidden; height:20px;} .nav li:hover a:before,.nav li.active a:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;} .nav li:hover a span,.nav li.active a span{ opacity:0; margin-top:-16px; visibility:hidden;} .nav li:hover a small,.nav li.active a small{ opacity:1; visibility:visible;} .edition{ float:right; margin-top:10px;} .edite{ float:left; position:relative; line-height:1; margin-left:6px;border-radius:50%;} .edite:before{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; border-radius:50%; background:#005bac; transition:0.3s;} .edite a{ display:block; position:relative; width:26px; height:26px; line-height:26px; color:#ffffff; text-align:center;} .edite a img{width: 14px;height: 14px;margin-top: 6px;transtion:all .5s} .edite:hover img{ left: -20px;border-right: 0px solid #df000000;-webkit-filter: drop-shadow(20px 0);filter: drop-shadow(20px 0);position:relative} .edite:nth-child(2) a{ font-family:"Arial";} .edite:hover:before,.edite.on:before{ transform:scale(0); -webkit-transform:scale(0); visibility:hidden;} .edite:hover a,.edite.on a{ color:#005bac;} .menubtn{ width:79px; height:62px; background:#005bac; float:right; position:relative; display:none;} .menubtn span{ display:block; width:32px; height:3px; background:#fff; margin:auto; margin-top:30px; position:relative; vertical-align: middle; -webkit-transition-duration: .3s,.3s; -moz-transition-duration: .3s,.3s; -ms-transition-duration: .3s,.3s; -o-transition-duration: .3s,.3s; transition-duration: .3s,.3s;-webkit-transition-delay: .3s,0s; -moz-transition-delay: .3s,0s; -ms-transition-delay: .3s,0s; -o-transition-delay: .3s,0s; transition-delay: .3s,0s;} .menubtn span:after, .menubtn span:before { content: ""; position: absolute; display: inline-block; width: 100%; height: 3px; left: 0; background-color: #fff; -webkit-transition-duration: .3s,.3s; -moz-transition-duration: .3s,.3s; -ms-transition-duration: .3s,.3s;-o-transition-duration: .3s,.3s; transition-duration: .3s,.3s;-webkit-transition-delay: .3s,0s;-moz-transition-delay: .3s,0s;-ms-transition-delay: .3s,0s;-o-transition-delay: .3s,0s; transition-delay: .3s,0s} .menubtn span:before {top: -9px;-webkit-transition-property: top,transform;-moz-transition-property: top,transform;-ms-transition-property: top,transform;-o-transition-property: top,transform;transition-property: top,transform;} .menubtn span:after {bottom: -9px;-webkit-transition-property: bottom,transform;-moz-transition-property: bottom,transform;-ms-transition-property: bottom,transform;-o-transition-property: bottom,transform; transition-property: bottom,transform;} .menubtn.active span {background-color: transparent;-webkit-transition-delay: 0s,0s;-moz-transition-delay: 0s,0s;-ms-transition-delay: 0s,0s;-o-transition-delay: 0s,0s;transition-delay: 0s,0s} .menubtn.active span:after,.menubtn.active span:before {-webkit-transition-delay: 0s,.3s;-moz-transition-delay: 0s,.3s; -ms-transition-delay: 0s,.3s; -o-transition-delay: 0s,.3s; transition-delay: 0s,.3s} .menubtn.active span:before {top: 0px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg)} .menubtn.active span:after {bottom:0px;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);} .navigate{ width:320px; height:100%; position:fixed; right:-320px; transition:0.54s; top:0; background:#f8f8f8;} .navigate.on{ right:0;} .navigate.on .navigatebg{ opacity:1; visibility:visible; transition:0.55s 0.15s;} .navigatebg{ position:fixed; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,0.2); opacity:0; visibility:hidden; transition:0.45s;} .navigateli{ height:100%; background:#f8f8f8; position:relative; padding-top:68px; box-sizing:border-box; z-index:5; /*overflow-y:scroll;*/} .navigateli >li{ position:relative; border-bottom:1px solid #cecece;} .navigateli >li >a{ display:block; padding-left:26px; position:relative; height:54px; line-height:54px; color:#696969; font-size:16px;} .navigateli >li.on >a{ background:#005bac; color:#fff;} .navigateli >li.on >a:before{ background:url(../img/arrow3.png) center no-repeat; transform:rotate(90deg); -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg);} .navigateli >li >a:before{ content:""; width:7px; height:13px; background:url(../img/arrow2.png) center no-repeat; transition:0.3s; position:absolute; right:11px; top:50%; margin-top:-6px;} .meundonw{ padding:16px 0 6px 26px; background:#f8f8f8; display:none;} .meundonw li{ margin-bottom:10px; float:left; width:145px;} .meundonw li:last-child{ margin-bottom:0;} .meundonw li a{ display:inline-block; color:#777777; font-size:14px; line-height:1.4;} .meundonw li a:hover{ color:#005bac;} .mtop{ height:76px;} .wrapper { position:fixed; top: 0; left: 0; width:100%; height:100%; } .wrapper .page { position: relative; width: 100%; height: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden;/* opacity: 0.3;*/ transition: opacity 0.8s 0ms cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: opacity 0.8s 0ms cubic-bezier(0.445, 0.145, 0.355, 1);} .modernle:before, .index_company:before, .ivnestinfo:before,.businees:before,.busineetit:before,.informatefix:before,.sense:before/*,.productshow:before*/{ content:""; width:100%; height:100%; background:#fff; position:absolute; left:0; top:0; z-index:3; display:none\9;} .businees:before{ height:134px;} .wrapper.active-page2 .page.page2 .modernbg img{ animation:scroll_on2 1.5s 0.2s ease-in-out forwards; -ms-animation:scroll_on2 1.5s 0.2s ease-in-out forwards;} .wrapper.active-page2 .page.page2 .modernle,.wrapper.active-page4 .page.page4 .modernle{ animation:scroll_on2 1s 0.2s ease-in-out forwards; -ms-animation:scroll_on2 1s 0.2s ease-in-out forwards;} .wrapper.active-page2 .page.page2 .modernle:before,.wrapper.active-page4 .page.page4 .modernle:before{ animation:scroll_on22 1s 0.2s ease-in-out forwards;} .wrapper.active-page2 .page.page2 .ivnestinfo{ animation:scroll_on2 1s 0.4s ease-in-out forwards;} .wrapper.active-page2 .page.page2 .ivnestinfo p{text-indent: 2em;} .wrapper.active-page2 .page.page2 .ivnestinfo:nth-child(2){ animation:scroll_on2 1s 0.6s ease-in-out forwards;} .wrapper.active-page2 .page.page2 .ivnestinfo:before{ animation:scroll_on22 1s 0.4s ease-in-out forwards;} .wrapper.active-page2 .page.page2 .index_company:before{ animation:scroll_on22 1s 0.6s ease-in-out forwards;} .wrapper.active-page2 .page.page2 .ivnestinfo:nth-child(2):before{ animation:scroll_on22 1s 0.6s ease-in-out forwards;} .wrapper.active-page2 .page.page2 .industrialin{ opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); transition:0.6s 0.8s;} .wrapper.active-page2 .page.page2 .industrialin:nth-child(2){ transition:0.6s 0.95s;} .wrapper.active-page2 .page.page2 .industrialin:nth-child(3){ transition:0.6s 1.1s;} .wrapper.active-page2 .page.page2 .industrialin:nth-child(4){ transition:0.6s 1.25s;} .wrapper.active-page3 .page.page3 .businees{ animation:scroll_on2 1s 0.2s ease-in-out forwards;} .wrapper.active-page3 .page.page3 .businees:before{ animation:scroll_on22 1s 0.2s ease-in-out forwards; z-index:5;} .wrapper.active-page3 .page.page3 .busineetit,.productshow{ animation:scroll_on2 0.8s 0.2s ease-in-out forwards;} .wrapper.active-page3 .page.page3 .busineetit:before,.productshow:before{ animation:scroll_on22 0.8s 0.2s ease-in-out forwards; z-index:5;} .wrapper.active-page4 .page.page4 .informatefix{ animation:scroll_on2 1.2s 0.2s ease-in-out forwards;} .wrapper.active-page4 .page.page4 .modernbg img{ animation:scroll_on2 1.5s 0.2s ease-in-out forwards; -ms-animation:scroll_on2 1.5s 0.2s ease-in-out forwards;} .wrapper.active-page4 .page.page4 .informatefix:before{ animation:scroll_on22 1.2s 0.2s ease-in-out forwards; z-index:5;} .wrapper.active-page5 .page.page5 .sense{ animation:scroll_on2 1.2s 0.2s ease-in-out forwards;} .wrapper.active-page5 .page.page5 .sense:before{ animation:scroll_on22 1.2s 0.2s ease-in-out forwards; z-index:5;} .nav-panel{ position:absolute; right:20px; top:50%; margin-top:350px; z-index:10;} .navrt li{ position:relative; height:37px; margin-bottom:17px; cursor:pointer; transition:0.35s} .navrt li i{ display:block; width:35px; height:35px; position:absolute; right:0; top:0; transition:0.35s; z-index:4;} .navrt li:last-child{ margin-bottom:0;} .navwr{ width:35px; overflow:hidden; background:#005bac; position:absolute; right:0; top:0; transition:0.35s; height:35px; border-radius:20px; border:1px solid #005bac; } .navwr span{ display:block; height:35px; line-height:35px; color:#005bac; font-size:16px; font-family:"-webkit-pictograph"; text-transform:uppercase; position:absolute; left:14px; top:0; white-space:nowrap;} .navrt li:nth-child(1) i{ background:url(../img/home.png) center no-repeat;} .navrt li:nth-child(2) i{ background:url(../img/about.png) center no-repeat;} .navrt li:nth-child(3) i{ background:url(../img/businee.png) center no-repeat;} .navrt li:nth-child(4) i{ background:url(../img/new.png) center no-repeat;} .navrt li:nth-child(5) i{ background:url(../images/contact.png) center no-repeat;} .navrt li:hover .navwr,.navrt li.active .navwr{ width:95px; background:#fff;} .navrt li:nth-child(1):hover i,.navrt li:nth-child(1).active i{ background:url(../img/home1.png) center no-repeat;} .navrt li:nth-child(2):hover i,.navrt li:nth-child(2).active i{ background:url(../img/about1.png) center no-repeat;} .navrt li:nth-child(3):hover i,.navrt li:nth-child(3).active i{ background:url(../img/busine1.png) center no-repeat;} .navrt li:nth-child(4):hover i,.navrt li:nth-child(4).active i{ background:url(../img/new1.png) center no-repeat;} .banner-box{ position:relative;} .banner{ position:relative;} .bannlist li {z-index: 4 !important;opacity: 1 !important; -webkit-animation: decreaseHeight 1.2s forwards; animation: decreaseHeight 1.2s forwards; overflow:hidden; z-index:1\9 !important;} .bannlist li figure{ display:block; position:relative; left:0; top:0; width:100%; overflow:hidden;} .bannlist li figure .bimg{ display:block; width:100%; height:auto; position:relative;} .bannlist li.flex-active-slide{ -webkit-animation: show 1.2s forwards; animation: show 1.2s forwards; z-index:3 !important;} .c005bac{color:#005bac;} .btext{ width:785px; position:absolute; left:50%; margin-left:-392px; top:50%; margin-top:-100px;} .btext h2{ line-height:1; color:#ffffff; font-size:60px; text-align:center; font-weight:normal; margin-bottom:26px;} .btext small{ display:block; text-align:center; color:#ffffff; font-size:16px; letter-spacing:12px; font-family:"-webkit-pictograph"; text-transform:uppercase; line-height:1;} .btop{ transform:translateY(-87px); -webkit-transform:translateY(-87px); -moz-transform:translateY(-87px); opacity:0; transition:0s;} .bdown{ margin-top:56px; opacity:0; transform:translateY(87px); -webkit-transform:translateY(87px); -moz-transform:translateY(87px); transition:0s;} .bdown p{ text-align:center; color:#ffffff; font-size:16px; font-family:"-webkit-pictograph";} .bannlist li.flex-active-slide .btop{ opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); transition:0.78s 0.35s;} .bannlist li.flex-active-slide .bdown{ opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); transition:0.78s 0.35s;} .btext2{width:1200px; margin-left: -600px; margin-top: -200px;} .btext2 img{max-width: 100%; max-height: 80%;} .bleft{transform:translateY(-87px); -webkit-transform:translateY(-87px); -moz-transform:translateY(-87px); opacity:0; transition:0s; width:550px; float:left;} .bright{margin-top:56px; opacity:0; transform:translateY(87px); -webkit-transform:translateY(87px); -moz-transform:translateY(87px); transition:0s; width:580px; float:right;} .bannlist li.flex-active-slide .bleft{ opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); transition:0.78s 0.35s;} .bannlist li.flex-active-slide .bright{ opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); transition:0.78s 0.35s;} .bamnline{ width:785px; position:relative; background:#fff; position:absolute; left:50%; margin-left:-392px; top:90%; z-index:10; margin-top:30px;} .bamnline span { display: block; width: 0; height: 2px; background: #005bac; } .bamnline.load span { width: 100%; transition: 4.5s 0s linear; -webkit-transition: 4.5s 0s linear; -moz-transition: 4.5s 0s linear; } .smouse{ position:absolute; left:50%; margin-left:-48px; text-align:center; bottom:24px; z-index:10;} .smouse small{ display:block; text-align:center; line-height:1; color:#fff; font-size:12px; font-family:"Arial"; text-transform:uppercase;} .mouse{ width:25px; height:39px; background:url(../img/mouse.png) center no-repeat; position:relative; margin:auto; margin-top:18px;} .mouse i{ display:block; width:5px; height:9px; background:url(../img/dit.png) center no-repeat; position:absolute; left:50%; margin-left:-3px; top:7px; animation:moveDownSpot 1000ms infinite; -webkit-animation:moveDownSpot 1000ms infinite; -moz-animation:moveDownSpot 1000ms infinite;} .index_company{color: #555;font-size: 36px;font-weight: bold;margin-bottom: 10px; font-family: cursive; font-weight: bold; } .index_company em{font-size: 12px; color:#ccc;} .index_company p{font-size: 18px; color:#005bac;} .vwrap { display: none; z-index: 2240; width: 100%; position: fixed; left:0; top:0;} .vwrap .videobtg { z-index: 900; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background:rgba(7,46,77,0.8); background:#072e4d\9; filter:alpha(opacity=80); overflow: hidden; } .vwrap .videobox { z-index: 990; width: 1000px; height: 596px; background-color: #fff; position: fixed; left: 50%; top: 50%; margin-top: -298px; margin-left: -500px;} .vwrap .videobox #videobox { width: 100%; display: inline-block; height: 100%; background: #80abde; } #videobox_wrapper { height: 100%!important; } .vwrap .close { z-index: 999; width: 14px; height: 14px; cursor: pointer; position: absolute; top: -20px; right: 0px; } .vwrap .close i { display: block; width:14px; height:14px; background:url(../img/close1.png) no-repeat 50% 50%; -webkit-transition: 400ms; transition: 400ms; } .vwrap .close:hover i { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } #videobox_display_button { background: none no-repeat!important; } .jwplayer .jwicon:hover { opacity: 1; filter: alpha(opacity=100); } .jwlogo, .jwclick { display: none!important; } @keyframes moveDownSpot { from{ opacity: 1; top: 5px; } to{ opacity: 0; top: 13px; } } @keyframes scroll_on22 { 0% { left:0; } 100% { left:100%; } } @keyframes scroll_on2 { 0% { opacity:0; } 100% { opacity:1; } } @-webkit-keyframes decreaseHeight { from { width:100%;} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */ to { width: 0; } } @keyframes decreaseHeight { from { width:100%;} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */ to { width: 0; } } @-ms-keyframes decreaseHeight { from { width:100%;} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */ to { width: 0; } } @-o-keyframes decreaseHeight { from { width:100%;} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */ to { width: 0; } } @-webkit-keyframes show { 0% { opacity: 0; } 1%,100% { opacity: 1; } } @-ms-keyframes show { 0% { opacity: 0; } 1%,100% { opacity: 1; } } @keyframes show { 0% { opacity: 0; } 1%,100% { opacity: 1; } } .trailer{ position:absolute; background:#fff; z-index:10; right:20px; bottom:22px; width:144px; padding:2px 2px 0; cursor:pointer; transition:0.45s;} .trailer figure{ display:block; line-height:1; overflow:hidden; position:relative;} .trailer figure:before{ content:""; width:100%; height:100%; background:rgba(0,0,0,0.7); background:#000\9; filter:alpha(opacity=70); position:absolute; left:0; top:0; z-index:3;} .trailer figure img{ display:block; width:100%; height:auto; line-height:0; transition:0.44s;} .trailer figure span{ display:block; width:12px; height:16px; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto; background:url(../images/arrow.png) center no-repeat; z-index:4;} .trailer p{ text-align:center; transition:0.4s; height:33px; line-height:33px; color:#969898; font-size:14px;} .trailer:hover{ background:#005bac;} .trailer:hover p{ color:#fff;} .trailer:hover figure img{ transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1);} .page2{background: url(../images/aboutbg.jpg) no-repeat 100% 100%;} .page4{background: url(../images/newsbg.jpg) no-repeat 100% 100%;} .modern-box{ position:relative; height:100%;} .index_company:before{ content:""; width:100%; height:0%;} .modernbg{ overflow:hidden; width:100%; height:auto; position:absolute; left:0; bottom:0; line-height:1;} .modernbg img{ display:block; width:100%; height:auto; opacity:0;} .modern{ position:absolute; left:50%; margin-left:-555px; top:50%; margin-top:-278px;} .modernle{ width:29.729%; float:left; position:relative; overflow:hidden;} .modernle strong{ display:block; color:#092e4d; font-size:40px; margin-bottom:13px; line-height: 1;} .modernle small{ display:block; color:#005bac; font-size:36px; font-family:"-webkit-pictograph"; line-height:1;} .modernle p{ color:#8b8b8b; font-size:16px; font-family:"-webkit-pictograph";} .modernle span{ color:#8b8b8b; font-size:14px; line-height:1; padding-top:13px; position:relative;display:block;} .modernle span:before{ content:""; width:18px; height:2px; background:#dcdcdc; position:absolute; left:0; top:0; } .ivnestment{ width:63.51%; float:right; margin-top:70px;} .ivnest{ margin-bottom:55px; position:relative;} .ivnestinfo{adding-top:37px; overflow:hidden; position:relative; border-top:2px solid #005bac; opacity:0; opacity:1 \9; padding-top: 20px;} .ivnestinfo p{ color:#404040; font-size:14px; line-height:2;} .more{ color:#005bac; font-size:16px; text-transform:uppercase; line-height:1; display:inline-block; position:relative; font-family:"-webkit-pictograph"; padding-bottom:3px;} .more:before{ content:""; width:100%; height:1px; background:#005bac; position:absolute; left:0; bottom:0; transition:0.34s;} .more:after{ content:"Download"; width:0%; height:100%; color:#092e4d; position:absolute; left:-23px; top:0; transition:0.34s; white-space:nowrap;opacity: 0;} .more:hover{ color:#092e4d; transition:0.3s 0.25s;} .more:hover:before{ background:#092e4d;} .more:hover:after{ width:100%;} .ivnestinfo .more{ margin-top:36px;} .industrial{ position: relative;} .industrialin{ float:left; opacity:0; transform:translateY(40px); -webkit-transform:translateY(40px); -moz-transform:translateY(40px);} .industrialin:nth-child(2){ position: absolute; left: 36%; margin-left: -35px; top: 0;} .industrialin:last-child{ width:auto; float: right;} .industwr{ display:inline-block;} .industwr p{ text-align:center; color:#404040; line-height:1; padding-bottom:16px; position:relative;} .industwr p:before{ content:""; width:26px; height:2px; background:#ccc; position:absolute; left:50%; margin-left:-13px; bottom:0;} .industwr p b{ display:inline-block; line-height:1; color:#005bac; font-size:92px; font-family:"-webkit-pictograph"; font-weight:normal; margin-right:10px;} .industwr span{ display:block; line-height:1; text-align:center; color:#404040; font-size:14px; margin-top:22px;} .business-box{ position:relative;} .business{ position:relative;} .busineli li { height: 100%; line-height: 1; backface-visibility:hidden; overflow:hidden; opacity:1 !important; height:100%;} .busineli li figure{ display:block; position:absolute; left:0; top:0; width:100%;} .busineli li figure img{ display:block; width:100%; height:auto; position:absolute; right:0; top:0;} .busineli li.flex-active-slide{ z-index: 4 !important;opacity: 1; -webkit-animation: increaseHeight 1.2s forwards; animation: increaseHeight 1.2s forwards;} .busineli li{ -webkit-animation: hide 1.2s forwards; animation: hide 1.2s forwards;} @-webkit-keyframes hide { 0%,99% { opacity: 1; } 100% { opacity: 0; } } @keyframes hide { 0%,99% { opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes increaseHeight { from { width: 0; } to { width: 100%; } } @keyframes increaseHeight { from { width: 0; } to { width: 100%; } } .businees{ position:absolute; left:50%; margin-left:-555px; top:16.296%; z-index:10; text-align:center; overflow:hidden; opacity:0; opacity:1\9; padding-bottom:20px;} .businees li{ display:inline-block; margin-right:34px; text-align:center; cursor:pointer;} .businees li:last-child{ margin-right:0;} .businetop{ width:106px; height:106px; border-radius:50%; border:2px solid #fff\9; position:relative; box-shadow:inset 0 0 0 2px #fff; -webkit-box-shadow:inset 0 0 0 2px #fff; -moz-box-shadow:inset 0 0 0 2px #fff; transition:all 0.46s; box-shadow:none\9; -webkit-box-shadow:none\9;} .businetop img{ display:block; max-width:44px; max-height:36px; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto; z-index:5;} .businees li span{ display:block; text-align:center; color:#ffffff; font-size:14px; line-height:1; margin-top:14px; position:relative;} .businees li span:before{ content:""; width:9px; height:8px; background:url(../img/arrow1.png) center no-repeat; position:absolute; left:50%; margin-left:-4px; bottom:-14px; opacity:0; visibility:hidden; transition:0.34s;} .businees li:hover .businetop,.businees li.flex-active .businetop{ box-shadow: inset 0 0 0 53px #005bac; -webkit-box-shadow: inset 0 0 0 53px #005bac; -moz-box-shadow: inset 0 0 0 53px #005bac; background:#005bac\9; border-color:#005bac\9;} .businees li:hover .businetop img,.businees li.flex-active .businetop img{ animation-delay: 0ms; animation-duration: 500ms; animation-timing-function:ease-in-out; animation-name: scales; animation-play-state: running; animation-timing-function: linear;} .businees li.flex-active span:before{ opacity:1; visibility:visible; transition:0.35s 0.18s; bottom:-20px;} .busineetit{ position:absolute; left:50%; margin-left:-555px; top:180px; z-index:10; overflow:hidden; opacity:0; opacity:1\9;} .busineetit h3{ color:#fff; line-height:1; font-size:40px; margin-bottom:10px;} .busineetit small{ display:block; line-height:1; color:#fff; font-family:"PFDinTextCompPro-Regular"; font-size:36px;} .busineet{ position:absolute; left:50%; bottom:112px; margin-left:-555px; z-index:5; opacity:0; visibility:hidden; transition:0s;} .busineet span{ display:block; width:109px; height:32px; line-height:32px; color:#ffffff; font-size:16px; text-align:center; background:#005bac; margin-bottom:16px;} .busineet p{ color:#fff; font-size:16px; height:86px; width:328px; font-family:"PFDinTextCompPro-Regular"; line-height:1.8;} .busineli li.flex-active-slide .busineet{ opacity:1; visibility:visible; transition:0.76s 0.44s;} .business .flex-direction-nav{display:none } .business .flex-direction-nav li a{ display:block; width:18px; height:36px; text-indent:9999px; overflow:hidden; position:absolute; top:50%; margin-top:-33px; z-index:10;} .business .flex-direction-nav li a.flex-prev{ left:5%; background:url(../img/prev.png) center no-repeat;} .business .flex-direction-nav li a.flex-next{ right:5%; background:url(../img/next.png) center no-repeat;} .busineet b{ line-height:1; display:none; width:44px; height:36px; margin-bottom:12px;} .busineet b img{ display:block; max-width:100%; height:auto; line-height:1; max-height:100%;} @keyframes scales { 0% { transform: scale(0);} 100% { transform:scale(1); } } .busineet .more:after{ color:#fff;} .busineet .more:hover{ color:#fff; transition:0.3s 0.25s;} .busineet .more:hover:before{ background:#fff;} .busineet .more:hover:after{ width:100%;} .informate-box{ position:relative; height:100%;overflow:hidden} .informate{ position:absolute; left:50%; margin-left:-555px; top:50%; margin-top:-263px;} .informatefix{ width:63.50%; float:right; padding-top:66px; position:relative; overflow:hidden; } .informatebtn{ margin-bottom:35px; border-bottom:1px solid #ededed;} .informatebtn span{ display:block; position:relative; cursor:pointer; padding:0 4px 26px; line-height:1; color:#383838; font-size:16px; line-height:1; float:left; margin-right:22px; transition:0.38s;} .informatebtn span:before{ content:""; width:100%; height:4px; background:#005bac; position:absolute; left:0; bottom:-1px; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .35s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .35s cubic-bezier(.4,0,.2,1); transition:transform .35s cubic-bezier(.4,0,.2,1); transition:transform .35s cubic-bezier(.4,0,.2,1),-webkit-transform .35s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;} .informatebtn span:hover,.informatebtn span.flex-active{ color:#005bac;} .informatebtn span:hover:before,.informatebtn span.flex-active:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;} .informatein{ width:46.24%; float:left;} .informatein:nth-child(2n+2){ float:right;} .informatein figure{ display:block; line-height:1; overflow:hidden; margin-bottom:34px;} .informatein figure img{ display:block; width:100%; height:auto; line-height:0; transform:scale(1.06); -webkit-transform:scale(1.06); -moz-transform:scale(1.06); transition:0.52s;} .informatein h3{ color:#000000; font-size:16px; font-weight:normal; line-height:1.4; overflow:hidden; transition:0.38s;} .informatein p{ color: #757575; font-size: 14px; line-height: 20px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 5; text-overflow: ellipsis; -webkit-box-orient: vertical; margin: 5px auto;} .informatein time{ display:block; line-height:1; color:#757575;} .informatein:hover figure img{ transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1);} .informatein:hover h3{ color:#005bac;} .sense{ padding:10px 0; overflow:hidden; opacity:0; position:relative; opacity:1\9;} .sense a{color:#666;margin-right:10px} .sense img{ display:block; max-width:100%; height:auto; line-height:0;} .footer-box{ background:#e4e4e4;} .footer{ padding:34px 0 47px;} .flogo{ display:block; width:110px; line-height:1; float:left;margin-right:10px;} .footrlist{ float:left;} .contact{ float:left; margin-left:100px;} .contact dt{font-size: 24px; color:#005bac;} .contact dd{ color:#787878; font-size:14px;} .address{ float:left; margin-left:100px;} .address dt{font-size: 24px; color:#005bac;} .address dd{ color:#787878; font-size:14px;} .footrlist .qq{ float:left; margin-left:100px;} .footrlist .qq dt{font-size: 24px; color:#005bac;} .footrlist .qq dd{ color:#787878; font-size:14px;} .fewm{float:right; max-width: 100px; margin-left: 100px;} .prepare-box{ background:#005bac; padding:16px 0 15px;} .preparele{ float:left;} .preparele p{ color:#ffffff; float:left; line-height:27px;} .share{ float:left; margin-left:26px;} .share a{ display:block; width:21px !important; height:27px !important; float:left; margin-right:17px; padding:0 !important;} .share a:nth-child(1){ background:url(../img/sina.png) center no-repeat !important;} .share a:nth-child(2){ background:url(../img/weix.png) center no-repeat;} .share a:nth-child(1):hover{ background:url(../img/sina1.png) center no-repeat !important;} .share a:nth-child(2):hover{ background:url(../img/weix1.png) center no-repeat;} .popUpblack{ background:#000\9; filter:alpha(opacity=80); background:rgba(0,0,0,0.8); width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; z-index: 1010; display: none;} .popUp { width: 220px; height: 242px; border: 2px solid #0a2f4e; background: #fff; position: fixed; left: 50%; top: 50%; margin: -87px 0 0 -115px; z-index: 1004; } .popUp .t { padding: 0 0 0 10px; height: 26px; line-height: 26px; color: #666; font-weight: bold; border-bottom: 1px solid #e8e8e8; background: #f2f2f2; } .popUp .t .close { padding: 0 10px 0 0; float: right; cursor: pointer; color: #666; font-weight: normal;} .popUp .img { padding: 20px; } .popUp .img img { width: 100%; display: block; } .syman{ float:right;line-height:27px;} .syman:hover{ color:#005bac;} .syman a{color:#fff} /*about*/ .pbanner{ position:relative; overflow:hidden;} .pbanner figure{ display:block; line-height:1; overflow:hidden;} .pbanner figure mark{ display:block; background:none;} .pbanner figure img{ display:block; width:100%; height:auto;} .ptext{ position:absolute; left:50%; margin-left:-616px; bottom:56px; line-height:1; z-index:10; overflow:hidden;} .ptext h3{ color:#fff; font-size:50px; line-height:1; font-weight:normal; margin-bottom:8px;} .ptext small{ display:block; line-height:1; color:#fff; font-size:36px; font-family:"PFDinTextCompPro-Regular";} .menubox{ position:relative; background:#eeeeee; z-index:10;} .menufix li{ float:left; position:relative;} .menufix li:before{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; background:#005bac; -webkit-transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1); transition:transform .38s cubic-bezier(.4,0,.2,1); transition:transform .38s cubic-bezier(.4,0,.2,1),-webkit-transform .38s cubic-bezier(.4,0,.2,1); transform-origin:left 100%; -webkit-transform-origin:left 100%; transform:scaleY(0); -moz-transform:scaleY(0); -webkit-transform:scaleY(0); visibility:hidden\9;} .menufix li a{ display:block; padding:0 11px; height:60px; line-height:60px; color:#323232; font-size:14px; position:relative;} .menufix li:hover:before,.menufix li.current:before,.menufix li.active:before{ transform:scaleY(1); -webkit-transform:scaleY(1); transform-origin:left 0; -webkit-transform-origin:left 0; visibility:visible\9;} .menufix li:hover a,.menufix li.current a,.menufix li.active a{ color:#fff;} .menshare{ position:absolute; right:0; top:0; background:#848484;} .menshare:before{ content:""; width:100%; height:100%; background:#005bac; position:absolute; left:0; top:0; -webkit-transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1); transition:transform .38s cubic-bezier(.4,0,.2,1); transition:transform .38s cubic-bezier(.4,0,.2,1),-webkit-transform .38s cubic-bezier(.4,0,.2,1); transform-origin:left 100%; -webkit-transform-origin:left 100%; transform:scaleY(0); -moz-transform:scaleY(0); -webkit-transform:scaleY(0); visibility:hidden\9;} .menshare a{ display:block; padding-left:58px; width:62px; height:60px; line-height:60px; font-size:16px; background:url(../img/share.png) 34px center no-repeat; color:#fff; position:relative;} .menshare:hover:before{ transform:scaleY(1); -webkit-transform:scaleY(1); transform-origin:left 0; -webkit-transform-origin:left 0; visibility:visible\9;} .introduct{ padding:60px 0 60px;} .introductwr{ width:1046px; padding:50px 84px 48px 84px; background:#fff; margin:auto; position:relative;} .introductt{ margin-bottom:44px;} .introductt h3{ text-align:center; line-height:1.2; color:#005bac; font-size:28px; margin-bottom:14px;} .introductt small{ display:block; text-align:center; line-height:1; color:#cccccc; font-size:20px; font-family:"PFDinTextCompPro-Regular";} .introductfix p{ color:#646464; font-size:16px; text-indent: 2em;} .uestcoc{ position:relative;} .uesbg{ width:calc((100% - 859px) / 2); height:100%; position:absolute; top:0; z-index:10; background:rgba(0,0,0,0.7); background:#000\9; filter:alpha(opacity=70);} .uesle{ left:0;} .uesri{ right:0;} .uesfix li figure{ display:block; line-height:0;} .uesfix .flex-viewport{ overflow:visible !important;} .uesfix{ width:982px; margin:auto; position:relative;} .uesfix .flex-direction-nav{ display:none;} .uesfix .flex-direction-nav li{ display:block; width:48px; height:48px; position:absolute; top:50%; margin-top:-24px;} .uesfix .flex-direction-nav li a{ display:block; text-indent:9999px; overflow:hidden; height:48px; position:relative; border-radius:50%;} .uesfix .flex-direction-nav li.flex-nav-prev{ left:20px;} .uesfix .flex-direction-nav li.flex-nav-prev a{ background:rgba(255,255,255,0.5) url(../img/prev1.png) center no-repeat;} .uesfix .flex-direction-nav li.flex-nav-next{ right:20px;} .uesfix .flex-direction-nav li.flex-nav-next a{ background:rgba(255,255,255,0.5) url(../img/next1.png) center no-repeat;} .uesfix .flex-direction-nav li.flex-nav-prev a:hover{ background:#bd9e5e url(../img/prev1.png) center no-repeat;} .uesfix .flex-direction-nav li.flex-nav-next a:hover{ background:#bd9e5e url(../img/next1.png) center no-repeat;} .uesbtn{ display:block; width:48px; height:48px; position:absolute; top:50%; margin-top:-24px; transition:0.35s; cursor:pointer; border-radius:50%;} .uesbtn.uesprev{ right:15px; background:rgba(255,255,255,0.5) url(../img/prev1.png) center no-repeat;} .uesbtn.uesnext{ left:15px; background:rgba(255,255,255,0.5) url(../img/next1.png) center no-repeat;} .uesbtn.uesprev:hover{ background:#bd9e5e url(../img/prev1.png) center no-repeat;} .uesbtn.uesnext:hover{ background:#bd9e5e url(../img/next1.png) center no-repeat;} .ueslist li{ position:relative;} .ueslist li figure{ overflow:hidden; line-height:0;} .ueslist li figure img{ width:100%; height:auto;} .pbanner.article-block:before{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; background:#fff; z-index:5; display:none\9;} .pbanner.article-block mark{ opacity:0; opacity:1\9;} .pbanner.articleShow:before{ animation:scroll_on22 1s ease-in-out forwards;} .pbanner.articleShow mark{ animation:scroll_on2 1s ease-in-out forwards;} .pbanner.article-block .ptext{ opacity:0; opacity:1\9;} .pbanner.articleShow .ptext{ animation:scroll_on2 0.8s 0.3s ease-in-out forwards;} .pbanner.article-block .ptext:before{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; background:#fff; display:none\9;} .pbanner.articleShow .ptext:before{ animation:scroll_on22 0.8s 0.3s ease-in-out forwards;} .iphone-fix{ width:100%; display:none; position:relative;} .iphone-fix span{ color:#323232; display:block; font-size:16px; height:48px; line-height:48px; cursor:pointer; text-align:center;} .iphone-fix.scoll{ position:fixed; left:0; top:90px;} .iphone-fix span em{ color:#fff; font-size:14px; font-style:normal; line-height:46px; display:inline-block;} .iphone-fix span b{ display:inline-block; margin-left:5px; width:9px; height:8px; background:url(../img/arrow4.png) center no-repeat;} .iphone-down{ width:100%; position:absolute; left:0; display:none; top:46px; background:#005bac;} .iphone-down a{ display:block; width:50%; float:left; font-size:14px; text-align:center; height:42px; line-height:42px; color:#fff; position:relative; overflow: hidden; border: none !important;} .iphone-down a:hover,.iphone-down a.on{ background:#0b2f4f; color:#fff;} .iphone-down a:after{ content: ''; position: absolute; bottom: 0;left: 0; width: 100%; height: 1px; z-index: 1; background-color:rgba(255,255,255,0.33); -webkit-animation-duration: 0.7s; animation-duration: 0.7s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: ReturnToNormal; animation-name: ReturnToNormal;} @-webkit-keyframes ReturnToNormal { 0%{ -webkit-transform: scale(0.1,1); -ms-transform: scale(0.1,1); transform: translate: scale(0.1,1); } 100% { -webkit-transform: scaleX(1,1); -ms-transform: scale(1,1); transform: translate: scaleX(1,1); } } @keyframes ReturnToNormal { 0%{ -webkit-transform: scale(0.1,1); -ms-transform: scale(0.1,1); transform: translate: scale(0.1,1); } 100% { -webkit-transform: scaleX(1,1); -ms-transform: scale(1,1); transform: translate: scaleX(1,1); } } .culturebox{ position:relative; padding:60px 0 60px;} .culture{ position:relative;} .culturein{ width:30.9%; margin-right:3.65%; float:left;margin-top:20px} .culturein:nth-child(3n+3){ margin-right:0;} .culturein figure{ display:block; line-height:1; overflow:hidden; position:relative;} .culturein figure mark{ display:block; width:100%; height:100%; background:rgba(10,46,78,0.8); background:#0a2e4e\9; filter:alpha(opacity=80); position:absolute; left:0; top:0; -webkit-transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1); transition:transform .38s cubic-bezier(.4,0,.2,1); transition:transform .38s cubic-bezier(.4,0,.2,1),-webkit-transform .38s cubic-bezier(.4,0,.2,1); transform-origin:left 100%; -webkit-transform-origin:left 100%; transform:scaleY(0); -moz-transform:scaleY(0); -webkit-transform:scaleY(0); visibility:hidden\9;} .culturein figure p{ width:78%; position:absolute; left:11%; top:56px; color:#ffffff; font-size:20px; font-weight:bold; line-height:1.6; opacity:0; visibility:hidden; transition:0.44s; z-index:5;} .culturein figure img{ display:block; width:100%; height:auto; line-height:0; transition:0.5s;} .culturedown{ position:relative; padding:25px 40px 34px; position:relative; background:#fff;} .culturedown:before{ content:""; width:100%; height:4px; background:#005bac; position:absolute; left:0; bottom:0; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .58s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .58s cubic-bezier(.4,0,.2,1); transition:transform .58s cubic-bezier(.4,0,.2,1); transition:transform .58s cubic-bezier(.4,0,.2,1),-webkit-transform .58s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;} .culturedown h3{ color:#000000; font-size:16px; line-height:1; margin-bottom:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .culturedown small{ display:block; line-height:1; color:#646464; font-size:14px; font-family:"Arial";} .culturein:hover figure img{ transform:scale(1.06); -webkit-transform:scale(1.06); -moz-transform:scale(1.06);} .culturein:hover figure mark{ transform:scaleY(1); -webkit-transform:scaleY(1); transform-origin:left 0; -webkit-transform-origin:left 0; visibility:visible\9;} .culturein:hover figure p{ opacity:1; visibility:visible; transition:0.44s 0.15s;} .culturein:hover .culturedown:before{ transform:scaleY(1); -webkit-transform:scaleY(1); transform-origin:left 0; -webkit-transform-origin:left 0; visibility:visible\9;} /*董事长致辞*/ .speech-box{ padding:140px 0 160px; background:#f2f3f1;} .speechle{ width:39.28%; float:left; position:relative; line-height:1;} .speechle .speeimg{ display:block; width:100%; height:auto; line-height:0;} .sppechte{ padding:25px 25px 28px 24px; background:#005bac; position:absolute; right:-50px; bottom:35px; overflow:hidden; font-size: 34px; color: #fff;} .sppechte span{ display:block; line-height:1; color:#fff; font-size:14px; margin-bottom:18px;} .sppechte img{ display:block; margin-left:32px; max-width:120px;} .speechd{ width:45.54%; float:right;} .speechd small{ display:block; color:#005bac; font-size:48px; line-height:1; font-weight:normal; font-family:"PFDinTextCompPro-Regular"; } .speechdown{ margin-top:44px; padding-top:24px;} .speechsocll{ max-height:352px; overflow-y:scroll; padding-right:30px;} .speechdown p{ color:#fff; font-size:16px; line-height:2;} .slick-list{ position: relative; overflow: hidden; display: block; margin: 0; padding: 0;} .slick-slide{ float: left; height: 100%; min-height: 1px; display: none; } .slick-initialized .slick-slide { display: block; } .slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; } .slick-track:before, .slick-track:after { content: ""; display: table;} .slick-track:after { clear: both; } .leader{ position:relative; width:1140px; margin:auto;} .leader .culturein{ margin-right:0;} .leaderwr{ margin:0 20px;} .leadertext{ width:100%; position:absolute; left:0; top:0; height:80%; overflow-y:scroll; top:10%; z-index:5; opacity:0; visibility:hidden; transition:0.45s;} .leader .culturein figure p{ width:79.4%; margin:auto; color:#fff; font-weight:normal; font-size:16px; text-align:justify; position:relative; left:0; top:0;} .leader .slick-dots{ text-align:center; margin-top:44px;} .leader .slick-dots li{ display:inline-block; margin-right:16px; line-height:1;} .leader .slick-dots li:last-child{ margin-right:0;} .leader .slick-dots li button{ padding:0; margin:0; outline:none; width:9px; height:9px; border:2px solid #fff; border-radius:50%; text-indent:9999px; overflow:hidden; box-sizing:content-box; background:#fff; transition:0.35s; cursor:pointer;} .leader .slick-dots li.slick-active button{ background:none;} .culturein:hover .leadertext{ opacity:1; visibility:visible;} .leadertext::-webkit-scrollbar{ width: 5px; height: 5px; background-color: #F5F5F5;} .leadertext::-webkit-scrollbar-track{ background-color: #F5F5F5;} .leadertext::-webkit-scrollbar-thumb{ border-radius: 0px; background-color: #005bac;} /*组织架构*/ .framework-box{ padding:102px 0 158px;} .framework{ z-index:5; position:relative;} .frameworktop{ margin-bottom:105px;} .frameworktop p{ color:#ffffff; font-size:18px;} .serv p{color:#000;} .frameworkte{ text-align:center;} .frameworkte img{ display:block; max-width:100%; height:auto; margin:auto;} .history-box{ padding:165px 0 166px; background:#f2f3f1;} .history{ width:1150px; margin:auto; position:relative; line-height:1;} .historyin{ float:left;} .historywr{ margin:0 20px; background:#fff; padding:43px 36px 10px; overflow:hidden; position:relative;} .historywr b{ display:block; line-height:1; color:#005bac; font-size:48px; font-weight:normal; font-family:"PFDinTextCompPro-Regular"; margin-bottom:4px; position:relative;} .historywr span{ display:block; line-height:1; color:#969696; font-size:18px; margin-bottom:24px; position:relative;} .historywr p{ color:#646464; font-size:14px; height:100px; line-height:1.8; position:relative;} .historywr:after{ content:""; width:29px; height:6px; background:#005bac; position:absolute; left:36px; bottom:0;} .history .slick-dots{ text-align:center; margin-top:90px;} .history .slick-dots li{ display:inline-block; margin-right:40px; width:7px; height:31px; position:relative; cursor:pointer;} .history .slick-dots li:last-child{ margin-right:0;} .history .slick-dots li button{ display:block; padding:0; margin:0; outline:none; width:100%; height:7px; background:#005bac; position:absolute; left:0; top:50%; margin-top:-3px; text-indent:9999px; overflow:hidden; border:none; transition:0.4s; cursor:pointer;} .history .slick-dots li.slick-active button{ height:100%; top:0; margin-top:0;} .history .slick-prev,.history .slick-next{ display:block; width:87px; height:45px; text-indent:9999px; overflow:hidden; outline:none; border:none; cursor:pointer; position:absolute; bottom:-4px; z-index:6; transition:0.43s;} .history .slick-prev{ left:20px; background:#a0a0a0 url(../img/arrow5.png) center no-repeat;} .history .slick-next{ right:20px; background:#a0a0a0 url(../img/arrow6.png) center no-repeat;} .history .slick-prev:hover{ background:#005bac url(../img/arrow5.png) center no-repeat;} .history .slick-next:hover{ background:#005bac url(../img/arrow6.png) center no-repeat;} /*资质荣誉*/ .honorbox{ padding:130px 0 128px; background:url(../img/27.jpg) center no-repeat; background-size:cover;} .honorscoll{ height:224px; overflow-y:scroll; width:380px; padding-right:20px;} .honor p{ color:#005bac; font-size:16px; font-weight:bold; line-height:2;} .advanced-box{ padding:124px 0 54px; background-attachment:fixed; background-repeat:no-repeat; background-position:center top;} .advanceli .adbances{ float:left; position:relative;} .advanced{ width:1150px;} .adbances figure{ display:block; margin:0 20px; position:relative;} .adbances figure a{ display:block;} .advanceimg{ display:block; position:relative; height:314px; background:#fff;} .advanceimg img{ display:block; max-width:90%; max-height:90%; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto; transition:0.5s;} .advancebg{ width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(41,61,155,0.6); background:#022042\9; filter:alpha(opacity=90); -webkit-transition:-webkit-transform .58s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .58s cubic-bezier(.4,0,.2,1); transition:transform .58s cubic-bezier(.4,0,.2,1); transition:transform .58s cubic-bezier(.4,0,.2,1),-webkit-transform .58s cubic-bezier(.4,0,.2,1); transform-origin:left 100%; -webkit-transform-origin:left 100%; transform:scaleY(0); -moz-transform:scaleY(0); -webkit-transform:scaleY(0); visibility:hidden\9; z-index:5;} .advanceimg b{ display:block; width:100%; text-align:center; position:absolute; left:0; z-index:5; color:#ffffff; line-height:1; top:0%; height:100%; line-height:285px; font-weight:normal; opacity:0; visibility:hidden; transition:0.38s; font-size:16px;} .advancedown{ padding:16px 30px; background:rgba(255,255,255,0.9); background:#fff\9; filter:alpha(opacity=90); position:relative;} .advancedown:before{ content:""; width:100%; height:2px; background:#005bac; position:absolute; left:0; bottom:0; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .58s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .58s cubic-bezier(.4,0,.2,1); transition:transform .58s cubic-bezier(.4,0,.2,1); transition:transform .58s cubic-bezier(.4,0,.2,1),-webkit-transform .58s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;} .advancedown span{ display:block; line-height:1; color:#000000; font-size:16px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .advanceli .adbances:hover .advanceimg img{ transform:scale(1.07); -webkit-transform:scale(1.07); -moz-transform:scale(1.07);} .advanceli .adbances:hover .advancebg{ transform:scaleY(1); -webkit-transform:scaleY(1); transform-origin:left 0; -webkit-transform-origin:left 0; visibility:visible\9;} .advanceli .adbances:hover .advanceimg b{ opacity:1; visibility:visible;} .advanceli .adbances:hover .advancedown:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;} .member-box{ padding:126px 0 72px; background:#f2f3f1;} .memberlist li{ width:47.45%; float:left; margin-bottom:56px;} .memberlist li:nth-child(2n+2){ float:right;} .memberlist li figure{ display:block; line-height:1; overflow:hidden;} .memberlist li figure img{ display:block; width:100%; height:auto; transition:0.68s ease-in;} .memberlist li span{ display:block; height:70px; line-height:70px; color:#000000; font-size:20px; background:#fff; text-align:center; transition:0.65s; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .memberlist li:hover figure img{ transform:scale(1.07); -webkit-transform:scale(1.07); -moz-transform:scale(1.07);} .memberlist li:hover span{ color:#fff; background:#005bac;} /*新闻中心*/ .new-box{ padding:88px 0; } .newinfo{ margin-bottom:50px; background:#fff; position:relative;} .newinfo figure{ display:block; width:38%; float:left; line-height:1; overflow:hidden;} .newinfo figure img{ display:block; width:100%; height:auto; line-height:0; transform:scale(1.07); -webkit-transform:scale(1.07); -moz-transform:scale(1.07); transition:0.58s ease-out;} .newfix{ width:62%; position:absolute; right:0; top:0; height:100%;} .newwr{ padding:0 28px 0 40px;} .newwr h3{ color:#000000; font-size:20px; line-height:1.4; font-weight:normal; padding-top:22px; border-top:2px solid #005bac; margin-bottom:18px; max-height:56px; overflow:hidden; transition:0.4s;} .newwr p{ color:#646464; font-size:14px; line-height:2; max-height:56px; overflow:hidden;} .newwr i{ display:block; color:#646464; font-size:14px; line-height:2;} .reddown{ position:absolute; left:40px; right:28px; bottom:0;} .reddown b{ display:block; width:43px; height:25px; line-height:25px; color:#fff; font-size:12px; background:#005bac; font-family:"PFDinTextCompPro-Regular"; float:left; margin-right:6px; text-align:center; font-weight:normal;} .reddown time{ display:block; line-height:25px; float:left; color:#969696; font-family:"PFDinTextCompPro-Regular";} .reddown span{ font-size:12px; padding-bottom:0; float:right;} .newinfo:hover figure img{ transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1);} .newinfo:hover .newwr h3{ color:#005bac;} .newinfo:hover .more{ color:#092e4d; transition:0.3s 0.25s;} .newinfo:hover .more:before{ background:#092e4d;width:190%; } .newinfo:hover .more:after{ width:100%;} .reddserch{ padding-left:11px; float:left; margin-left:18px; background:#005bac;} .reddserch span{ display:block; float:left; padding-left:23px; color:#fff; font-size:14px; line-height:25px; background:url(../img/share2.png) left center no-repeat;} .reddserch i{ display:block; width:8px; height:1px; background:#fff; float:left; margin-left:8px; margin-top:12px;} .redshare{ float:left;} .redshare li{ float:left; margin-right:0; transition:0.34s;} .redshare li a{ display:block; margin-right:0; width:33px !important; height:25px !important; box-sizing:border-box; position:relative;} .redshare li:nth-child(1) a{ background:url(../img/sina.png) center no-repeat !important;} .redshare li:nth-child(2) a{ background:url(../img/weix.png) center no-repeat !important;} .redshare li:hover{ background:#d3ba8a;} .news{ width:1174px; margin:auto;} .newsli{display: flex; flex-wrap: wrap;} .newsli li{ width:33.33333%; margin-right:0; position:relative; float:left;} .newsli li:before{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; background:#fff; -webkit-transition:-webkit-transform .68s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .68s cubic-bezier(.4,0,.2,1); transition:transform .68s cubic-bezier(.4,0,.2,1); transition:transform .68s cubic-bezier(.4,0,.2,1),-webkit-transform .68s cubic-bezier(.4,0,.2,1); transform-origin:left 100%; -webkit-transform-origin:left 100%; transform:scaleY(0); -moz-transform:scaleY(0); -webkit-transform:scaleY(0); visibility:hidden\9;} .newsli li .informatein{ width:100%; position:relative; z-index:4;} .newsli li .infomatedown{ padding:28px 32px 34px;} .newsli li .informatein p{ height:84px;} .newsli li .newd{padding:10px 0;font-size:14px;} .newsli li .newd time{ float:left;} .newsli li .more{padding-bottom:0; float:right; opacity:0; visibility:hidden; transition:0.43s;} .newsli li:hover:before{ transform:scaleY(1); -webkit-transform:scaleY(1); transform-origin:left 0; -webkit-transform-origin:left 0; visibility:visible\9;} .newsli li:hover .more{ opacity:1; visibility:visible;} .pages{ margin-top:50px; text-align:center;} .pages span,.pages a,.pages a.active{ display:inline-block; color:#000000; font-size:16px; line-height:1; text-align:center; width:31px; position:relative; color:#000000; font-size:16px; padding-bottom:20px;} .pages1 span,.pages1 a{ color:#fff;} .pages span:before,.pages a:before{ content:""; width:100%; height:7px; background:#005bac; position:absolute; left:50%; bottom:0; width:0; overflow:hidden; transition:0.34s;} .pages span:before,.pages a:hover:before,.pages a.active:before{ width:100%; left:0;} .new-view{ background:#f2f3f1 url(../img/63.jpg) center bottom fixed no-repeat; padding-bottom:100px;} .newwfix{ margin-top:0px; position:relative; z-index:9; background:#fff; /*border-top:5px solid #005bac;*/} .newswr{ padding:40px 98px 20px;} .newtitle h3{ padding-bottom:36px; border-bottom:2px solid #d2d2d2; color:#000000; font-size:32px; line-height:1.4; font-weight:normal;} .newtitle .reddown{ position:static; margin-top:22px;} .nshare{ display:block; float:left; margin-left:27px; color:#969696; font-size:14px; padding-left:24px; height:19px; line-height:19px !important; background:url(../img/share1.png) left center no-repeat !important;} .newtext{ padding:15px 0 0px;} .newtext p{ font-size:16px; color:#646464; text-indent: 2em;} .newtext img{ display:block; max-width:100%; height:auto; line-height:1;} .newprev{ border-top:1px solid #e5e5e5;margin-top:25px;} .newins{ padding:15px 14px; border-bottom:1px solid #e5e5e5;} .newins span{ display:block; float:left; color:#969696; font-size:14px; height:18px; line-height:18px; padding-right:14px; border-right:1px solid #f2f3f1; margin-right:12px;} .newins p{ color:#323232; font-size:16px; line-height:18px; float:left; transition:color 0.4s;} .backlist{ margin-left:14px; display:inline-block; line-height:1; color:#969696; font-size:16px; margin-top:26px;} .backlist:hover{ color:#005bac;} .newins:hover p{ color:#005bac;} .notice{ padding:115px 0 145px; width:952px; margin:auto;} .noticeli li{ margin-bottom:14px; padding:35px 40px 16px 48px; background:#eeeeee; position:relative;} .noticeli li:before{ content:""; width:100%; height:4px; background:#005bac; position:absolute; left:0; bottom:0; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .58s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .58s cubic-bezier(.4,0,.2,1); transition:transform .58s cubic-bezier(.4,0,.2,1); transition:transform .58s cubic-bezier(.4,0,.2,1),-webkit-transform .58s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;} .noticele{ width:84%; float:left;} .noticele h3{ color:#000000; font-size:20px; font-weight:normal; line-height:1.2; height:80px; overflow:hidden;} .noticele p{ color:#646464; font-size:16px; height:28px; overflow:hidden;} .noticele i{ display:block; font-style:normal; color:#646464; font-size:16px;} .noticele span{ display:block; line-height:1; color:#005bac; font-size:14px; margin-top:34px; opacity:0; visibility:hidden; transition:0.4s;} .nodata{ float:right; margin-top:4px; padding-left:16px; width:72px; background:#005bac; padding-top:16px; padding-bottom:16px;} .nodata b{ display:block; line-height:1; color:#ffffff; font-size:28px; font-weight:normal; font-family:"PFDinTextCompPro-Regular"; margin-bottom:5px;} .nodata span{ display:block; line-height:1; color:#fff; font-size:14px; font-family:"PFDinTextCompPro-Regular";} .noticeli li:hover:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;} .noticeli li:hover span{ opacity:1; visibility:visible;} /*业务领域*/ .contructe-box{ padding:135px 0 128px; position:relative;} .constructe{ position:relative;} .construst{ width:263px; float:left; border-top:4px solid #022042; background:#005bac; position:relative; overflow:hidden;} .construwr{ padding:38px 28px 37px;} .construwr h3{ line-height:1; color:#fff; padding-top:28px; font-size:28px; position:relative; margin-bottom:18px;} .construwr h3:before{ content:""; width:18px; height:3px; background:#fff; position:absolute; left:0; top:0;} .construwr small{ display:block; color:#fff; line-height:1; font-size:24px; font-family:"PFDinTextCompPro-Regular";} .construdown{ margin-top:100px;} .construdown b{ display:block; float:left; position:relative; line-height:1; color:#fff; font-size:24px; font-weight:normal; padding-bottom:20px; font-family:"PFDinTextCompPro-Regular";} .construdown b:before{ content:""; width:18px; height:3px; background:#fff; position:absolute; left:0; bottom:0;} .construdown img{ display:block; float:right;} .construstfix{ width:53.27%; float:right;} .construswr{ padding-right:62px; height:350px; overflow-y:scroll;} .construstfix p{ color:#646464; font-size:16px; line-height:2;} .construstfix p img{max-width: 100%;} .construstfix strong{ display:block; line-height:1; color:#000000; font-size:16px;} .busineeli{ padding:60px 0 60px; background:#fefffd;} .busineedown li{ width:calc((100% - 8%) / 4); margin-right:0; margin:0 1% 50px 1%; float:left;} .busineewr{ padding:43px 100px 56px; background:#fff; border-top:4px solid #005bac;} .busineedown ul{margin:0 -1%} .busineedown li .advanceimg{ height:auto; overflow:hidden;} .busineedown li .advanceimg img{ width:100%; height:auto; max-width:100%; max-height:100%; position:relative;} .busineeds{ background:#e5e5e5; transition:0.48s; position:relative;} .busineeds p{ display:block; position:relative; height:48px; line-height:48px; color:#323232; font-size:16px; padding-left:10px; transition:0.4s; overflow:hidden; padding-right:10px;} .busineedown li:hover .busineeds{ background:#005bac;} .busineedown li:hover .busineeds p{ color:#fff;} .businessban{width:500px;margin:0 auto} .busineebox{ padding:0 0 0;} .busineebox .pages a{color:#Fff;} .busineebox .pages span{color:#005bac;} .bunesstop h3{ text-align:center; line-height:1; color:#072e4d; font-size:35px; font-weight:normal; margin-bottom:36px;} .flexslider .slides li{ line-height:1; overflow:hidden;} .flexslider .slides li img{ display:block; width:60%; height:auto; line-height:0; margin: 0 auto;} #carousel{ width:484px; margin:auto; margin-top:15px; position:relative;} #carousel .slides li{ float:left; cursor:pointer; position:relative;} #carousel .slides li:before{ content:""; width:100%; height:100%; box-sizing:border-box; border:2px solid #eee; position:absolute; left:0; top:0; opacity:0; visibility:hidden; transition:0.44s; transform:scale(0.76); -webkit-transform:scale(0.76); -moz-transform:scale(0.76);} #carousel .slides li img{ display:block; width:100%; height:auto; line-height:0;} #carousel .slides li.flex-active-slide:before{ opacity:1; visibility:visible; transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1);} #carousel .flex-direction-nav li a{ display:block; width:8px; height:13px; overflow:hidden; text-indent:9999px; position:absolute; top:50%; margin-top:-6px;} #carousel .flex-direction-nav li a.flex-prev{ background:url(../img/prev2.png) center no-repeat; left:-25px;} #carousel .flex-direction-nav li a.flex-next{ background:url(../img/next2.png) center no-repeat; right:-25px;} #carousel .flex-direction-nav li a.flex-prev:hover{ background:url(../img/prev3.png) center no-repeat;} #carousel .flex-direction-nav li a.flex-next:hover{ background:url(../img/next3.png) center no-repeat;} #carousel .flex-direction-nav li a.flex-disabled{ opacity:0.5;} .business-view .construstfix{ width:100%; padding-top:0; border-top:none; margin-top:30px; float:none; margin-bottom:82px;} /*招标采购*/ .tender-box{ padding:148px 0 86px; background-repeat:no-repeat; background-size: cover !important;} .tender-list{ text-align:center;} .tender-list li{display:inline-block; vertical-align:middle; position:relative; margin-right:40px; text-align:center;} .tender-list li:before{ content:""; width:156px; height:156px; position:absolute; left:0; top:0; border-radius:50%; right:0; bottom:0; margin:auto; background:#494545; border-radius:50%; transition:0.5s;} .tender-list li:last-child{ margin-right:0;} .tender-list li a{ display:block; height:100%;} .tendewr{ padding-top:33px; width:156px; height:123px; border-radius:50%; transition:0.5s ease;} .tendewr b{ display:block; width:44px; height:36px; position:relative; overflow:hidden; margin:auto;} .tendewr b img{ display:block; max-width:100%; max-height:100%; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto; transition:0.35s ease-in;} .tendewr b .tendehide{ opacity:1; visibility:hidden;} .tendewr span{ display:block; text-align:center; width:70%; margin:auto; margin-top:8px; padding-top:14px; line-height:1.4; color:#fefffd; font-size:14px; position:relative; transition:0.36s;} .tendewr span:before{ content:""; width:18px; height:1px; background:#fff; position:absolute; left:50%; margin-left:-9px; top:0; transition:0.36s;} .tender-list li:hover .tendewr{ background:#fff;} .tender-list li:hover:before{ transform:scale(0); -webkit-transform:scale(0); -moz-transform:scale(0);} .tender-list li:hover .tendewr b .tendeshow{ opacity:0; visibility:hidden;} .tender-list li:hover .tendewr b .tendehide{ opacity:1; visibility:visible;} .tender-list li:hover span{ color:#000000;} .tender-list li:hover span:before{ background:#000;} .tendeon{ margin-top:185px; position:relative; overflow:hidden; display:inline-block;} .tendeon small{ display:block; line-height:1; color:#fff; font-size:60px; font-family:"PFDinTextCompPro-Regular";} .announce-box{ padding:100px 0;} .announce{ width:952px; margin:auto;} .announce li{ padding:30px 38px 27px; border:1px solid #e4e5e3; margin-bottom:34px; transition:0.4s; background:#fff;} .anndata{ padding-left:9px; width:79px; padding-top:13px; padding-bottom:16px; background:#bfbfbf; float:left; transition:0.4s;} .anndata strong{ display:block; line-height:1; color:#ffffff; font-size:16px; font-weight:normal; position:relative; padding-bottom:11px;} .anndata strong:before{ content:""; width:14px; height:2px; background:#fff; position:absolute; left:0; bottom:0;} .anndata b{ display:block; line-height:1; font-size:28px; font-weight:normal; font-family:"PFDinTextCompPro-Regular"; margin-top:12px; margin-bottom:7px; color:#fff;} .anndata i{ display:block; line-height:1; color:#fff; font-size:14px; font-family:"PFDinTextCompPro-Regular"; font-style:normal;} .announceri{ width:84.66%; float:right;} .announceri h3{ color:#646464; font-size:20px; line-height:1.2; font-weight:normal; margin-bottom:20px;} .announceri p{ color:#646464; font-size:14px;} .announceri span{ display:block; width:107px; height:30px; text-align:center; line-height:30px; color:#fff; font-size:12px; background:#bfbfbf; margin-top:50px; position:relative; z-index:1;} .announceri span:before{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; background:#005bac; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .34s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .34s cubic-bezier(.4,0,.2,1); transition:transform .34s cubic-bezier(.4,0,.2,1); transition:transform .34s cubic-bezier(.4,0,.2,1),-webkit-transform .34s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9; z-index:-1;} .announce li:hover{ border-color:#005bac;} .announce li:hover .anndata{ background:#005bac;} .announce li:hover .announceri h3{ color:#005bac;} .announce li:hover .announceri span:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;} .winning li{ margin-bottom:30px;} .winning li strong{ display:block; padding:20px 38px; color:#fff; font-size:20px; line-height:1.2; background:#848484; font-weight:normal; transition:0.45s;} .winningdown{ padding:38px 37px; background:#eeeeee;} .winningdown p{ color:#646464; font-size:14px; line-height:1.4; margin-bottom:30px;} .winningdown p b{ display:inline-block; color:#000000; font-weight:normal;} .winningdown p:last-child{ margin-bottom:0;} .winning li:hover strong{ color:#fff; background:#005bac;} /*党群建设*/ .constructs-box{ padding:92px 0; background:#eeeeee;} .contructlist li{ position:relative; margin-bottom:38px;} .contructlist li figure{ display:block; line-height:1; overflow:hidden; width:50%; float:left; overflow:hidden;} .contructlist li figure img{ display:block; width:100%; height:auto; line-height:0; transition:0.55s;} .contruri{ width:50%; height:100%; background:#fff; position:absolute; right:0; top:0;} .contruri:before{ content:""; width:100%; height:6px; background:#005bac; position:absolute; left:0; bottom:0; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .44s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .44s cubic-bezier(.4,0,.2,1); transition:transform .44s cubic-bezier(.4,0,.2,1); transition:transform .44s cubic-bezier(.4,0,.2,1),-webkit-transform .44s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;} .contructsr{ position:relative; padding:40px 136px 0 38px;} .contructw h3{ color:#000000; font-size:18px; line-height:1.4; margin-bottom:25px; max-height:50px; overflow:hidden;} .contructw p{ color:#646464; font-size:14px; max-height:50px; overflow:hidden;} .contructw i{ display:block; font-style:normal; color:#646464;} .contructw span{ display:block; line-height:1; color:#646464; font-size:14px; margin-top:52px; transition:0.38s;} .contruri .nodata{ margin-top:0; position:absolute; right:20px; top:36px;} .contructlist li:hover figure img{ transform:scale(1.06); -webkit-transform:scale(1.06); -moz-transform:scale(1.06);} .contructlist li:hover .contructw span{ color:#005bac;} .contructlist li:hover .contruri:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;} .special{ padding:96px 0 72px;} .speciali{ margin-bottom:46px;} .specialtop{ margin-bottom:24px; background:#e5e5e5; padding-left:30px;} .specialtop h3{ height:56px; line-height:56px; color:#000000; font-size:16px; float:left;} .specialtop a{ display:block; width:125px; height:56px; line-height:56px; text-align:center; color:#fff; background:#bfbfbf; position:relative; float:right; z-index:1;} .specialtop a:before{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; background:#005bac; opacity:0; visibility:hidden; transform:scale(0.5); -webkit-transform:scale(0.5); transition:0.44s; z-index:-1;} .specialtop a:hover:before{ opacity:1; visibility:visible; transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1);} .speciali .contructlist li{ margin-bottom:0;} .specialdown figure{ display:block; float:left; width:50%; line-height:1; overflow:hidden;} .specialdown figure img{ display:block; width:100%; height:auto; line-height:0; transition:0.5s;} .specialfix{ width:50%; float:left;} .specialsd li{ position:relative;} .specialsd li a:before{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; background:#005bac; opacity:0; transform:scaleY(0); -webkit-transform:scaleY(0); -moz-transform:scaleY(0); visibility:hidden; transition:0.32s;} .specialsd li span{ display:block; float:left; height:36px; line-height:36px; color:#646464; font-size:14px; padding-left:36px; position:relative; width:70%; transition:0.33s; overflow:hidden;} .specialsd li span:before{ content:""; width:8px; height:8px; position:absolute; left:13px; top:50%; margin-top:-4px; background:url(../img/border.png) center no-repeat; opacity:0; visibility:hidden; transform:scale(0); -webkit-transform:scale(0); -moz-transform:scale(0); transition:0.3s;} .specialsd li time{ display:block; float:right; height:36px; line-height:36px; margin-right:14px; font-family:"PFDinTextCompPro-Regular"; color:#bfbfbf; font-size:14px; position:relative; transition:0.32s;} .specialsd li a:hover:before{ opacity:1; visibility:visible; transform:scaleY(1); -webkit-transform:scaleY(1); -moz-transform:scaleY(1);} .specialsd li:hover span{ color:#fff;} .specialsd li:hover span:before{ opacity:1; visibility:visible; transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1);} .specialsd li:hover time{ color:#fff;} .learn-list li{ width:31.8%; margin-right:2.3%; margin-bottom:58px; position:relative; overflow:hidden; float:left;} .learn-list li img{ display:block; width:100%; height:auto; line-height:0; transition:0.58s;} .learn-list li:nth-child(3n+3){ margin-right:0;} .learn-list li h3{ line-height:1.4; color:#fff; font-size:18px; position:absolute; left:28px; right:28px; top:50px; font-weight:normal;} .learn-list li span{ display:block; width:98px; height:26px; text-align:center; line-height:26px; color:#646464; background:#fff; position:absolute; left:28px; bottom:27px; z-index:1; transition:0.38s;} .learn-list li span:before{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; background:#005bac; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .34s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .34s cubic-bezier(.4,0,.2,1); transition:transform .34s cubic-bezier(.4,0,.2,1); transition:transform .34s cubic-bezier(.4,0,.2,1),-webkit-transform .34s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9; z-index:-1;} .learn-list li:hover span{ color:#fff;} .learn-list li:hover img{ transform:scale(1.06); -webkit-transform:scale(1.06); -moz-transform:scale(1.06);} .learn-list li:hover span:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;} .special .pages{ margin-top:0;} .specialdos{ margin-top:56px; padding-bottom:50px; border-bottom:1px solid #e5e5e5; margin-bottom:50px;} .specialdos li{ position:relative; z-index:1;} .specialdos li a:before{ content:""; width:100%; z-index:-1; height:100%; position:absolute; left:0; top:0; background:#005bac; opacity:0; visibility:hidden; transform:scaleY(0); -webkit-transform:scaleY(0); -moz-transform:scaleY(0); transition:0.35s;} .specialdos li time{ display:block; float:left; width:66px; color:#bfbfbf; font-size:15px; height:34px; line-height:34px; font-family:"PFDinTextCompPro-Regular"; padding-left:12px; transition:0.34s;} .specialdos li span{ display:block; float:left; color:#646464; font-size:14px; height:34px; line-height:34px; max-width:70%; overflow:hidden; transition:0.34s;} .specialdos li b{ display:block; width:11px; height:11px; position:absolute; right:17px; top:50%; margin-top:-5px; opacity:0; visibility:hidden; transition:0.35s;} .specialdos li b:before{ content:""; width:100%; height:1px; background:#fff; position:absolute; left:0; top:5px;} .specialdos li b:after{ content:""; width:1px; height:100%; background:#fff; position:absolute; left:5px; top:0;} .specialdos li:hover a:before{ opacity:1; visibility:visible; transform:scaleY(1); -webkit-transform:scaleY(1); -moz-transform:scaleY(1);} .specialdos li:hover time{ color:#fff;} .specialdos li:hover span{ color:#fff;} .specialdos li:hover b{ opacity:1; visibility:visible; transform:rotate(180deg); -webkit-transform:rotate(180deg);} /*反腐倡廉*/ .combate-box{ padding:108px 0 99px;} .combate-list li{ position:relative; z-index:2;} .combate-list li:before{ content:""; width:100%; height:100%; background:#eeeeee; position:absolute; left:0; top:0; -webkit-transition:-webkit-transform .58s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .58s cubic-bezier(.4,0,.2,1); transition:transform .58s cubic-bezier(.4,0,.2,1); transition:transform .58s cubic-bezier(.4,0,.2,1),-webkit-transform .58s cubic-bezier(.4,0,.2,1); transform-origin:left 100%; -webkit-transform-origin:left 100%; transform:scaleY(0); -moz-transform:scaleY(0); -webkit-transform:scaleY(0); visibility:hidden\9; z-index:-1;} .combate-list li:nth-child(1) .conbatewr{ border-top:1px solid #eeeeee;} .conbatewr{ position:relative; padding:30px 0 57px; border-bottom:1px solid #eeeeee;} .combater{ width:78.54%; position:relative; float:left;} .combater h3{ color:#000000; font-size:20px; height:70px; line-height:1.2; font-weight:normal; transition:0.38s;} .combater p{ color:#646464; font-size:14px; margin-bottom:18px; height:50px; overflow:hidden;} .combate-list li:hover:before{ transform:scaleY(1); -webkit-transform:scaleY(1); transform-origin:left 0; -webkit-transform-origin:left 0; visibility:visible\9;} .combate-list li:hover .combater h3{ color:#005bac;} .supervise{ padding:120px 0 102px;} .supervicein{ padding:40px 0; border-top:1px solid #eeeeee; border-bottom:1px solid #eeeeee;} .addtel{ float:left; margin-right:90px;} .addtel span{ display:block; line-height:1; color:#323232; font-size:14px; margin-bottom:25px;} .addtel b{ display:block; line-height:1; color:#005bac; font-size:36px; font-weight:normal; font-family:"PFDinTextCompPro-Regular";} .supermoder{ margin-top:55px;} .supermoder span{ display:block; line-height:1; color:#969696; font-size:20px; font-family:"PFDinTextCompPro-Regular"; position:relative; padding-bottom:20px;} .supermoder span:before{ content:""; width:23px; height:4px; background:#d2d2d2; position:absolute; left:0; bottom:0;} .law{ padding:120px 0 100px;} .law-list li{ width:46.72%; float:left; margin-bottom:74px;} .law-list li:nth-child(2n+2){ float:right;} .law-list li a{ display:block; padding:34px 36px 30px 36px; border:1px solid #e5e5e5; border-top:none; position:relative;background:#e5e5e5} .law-list li h3{ line-height:1.2; color:#323232; font-size:18px; height:90px; position:relative; transition:0.4s;} .law-list li small{ display:block; line-height:1; color:#969696; font-size:14px; font-family:"PFDinTextCompPro-Regular"; position:relative; transition:0.4s;} .law-list li .more{ position:absolute; right:36px; bottom:35px;} .marbg{height:0;overflow:hidden; position:absolute; left:0; top:0; width:100%; transition:0.5s ease-in-out;} .marbg img{ display:block; height:192px; width:516px; position:absolute; left:50%; margin-left:-258px; top:0px;} .law-list li .more:after{ color:#fff;} .law-list li:hover .marbg{ height:100%; background:none;} .law-list li:hover h3{ color:#fff;} .law-list li:hover small{ color:#fff;} .law-list li:hover .more{ color:rgba(255, 255, 255, 0);; transition:0.3s 0.25s;} .law-list li:hover .more:before{ background:#fff;} .law-list li:hover .more:after{ width:100%;opacity: 1;} .law .pages{ margin-top:0;} /*人力资源*/ .resoucebox{ background-size:cover !important;} .people-box{ padding:118px 0; position:relative; background:#005bac; z-index:4;} .people strong{ display:block; text-align:center; line-height:1; color:#fff; font-size:48px; margin-bottom:16px;} .people small{ display:block; line-height:1; text-align:center; color:#fff; font-size:24px; font-family:"PFDinTextCompPro-Regular";} .people span{ display:block; width:44px; height:44px; background:url(../img/arrow7.png) center no-repeat; position:absolute; left:50%; margin-left:-22px; bottom:-22px;} .rescouce{ padding:80px 0 155px;} .resoucetop{ width:820px; margin:auto; margin-bottom:80px;} .resoucetop p{ color:#052a4b; font-size:14px; text-align:center;} .resoucedown{ text-align:center;} .resoucein{ display:inline-block; margin-right:56px; vertical-align:middle; border:2px solid #dfcfb0; width:179px; padding-top:59px; height:100px; text-align:center; position:relative; transition:0.34s;} .resoucein:last-child{ margin-right:0;} .resoucein:before{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(10,46,78,0.8); background:#0a2e4e\9; filter:alpha(opacity=80); position:absolute; left:0; top:0; -webkit-transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1); transition:transform .38s cubic-bezier(.4,0,.2,1); transition:transform .38s cubic-bezier(.4,0,.2,1),-webkit-transform .38s cubic-bezier(.4,0,.2,1); transform-origin:left 100%; -webkit-transform-origin:left 100%; transform:scaleY(0); -moz-transform:scaleY(0); -webkit-transform:scaleY(0); visibility:hidden\9;} .resoucein:hover{ border-color:rgba(10,46,78,0.8);} .resoucein:hover:before{ transform:scaleY(1); -webkit-transform:scaleY(1); transform-origin:left 0; -webkit-transform-origin:left 0; visibility:visible\9;} .resoucein:hover span{ color:#fff;} .resoucein:hover span:before{ background:#fff;} .resoucein span{ position:relative; display:inline-block; margin:auto; line-height:1; color:#052a4b; font-size:20px; text-align:center; font-weight:bold; padding-bottom:25px; position:relative; transition:0.34s;} .resoucein span:before{ content:""; width:10px; height:3px; background:#005bac; position:absolute; left:50%; margin-left:-5px; bottom:0; transition:0.34s;} .staff-box{ padding:60px 0 60px;} .staff-in{ width:100%; float:left; } .staff-in .busineedown li{ width:calc((100% - 8%) / 4); margin:0 1% 20px 1%;} .staff-in .busineedown li:first-child{ display:block;} .staff-in .busineedown li.mo{display:none;} .staff-box .pages{ margin-top:0;} .invite{ padding:106px 0 152px;} .invitetle{ background:#072e4d;} .invitetle span{ display:block; float:left; height:46px; line-height:46px; color:#fff; font-size:13px;} .invitetle span:nth-child(1){ padding-left:36px; width:242px;} .invitetle span:nth-child(2){ width:216px;} .invitetle span:nth-child(3){ width:220px;} .invitetle span:nth-child(4){ width:245px;} .invitetle span:nth-child(5){ width:142px;} .invite-list li{ border-bottom:1px solid #eeeeee; position:relative; cursor:pointer; transition:0.45s;} .invite-list li:hover{ border-bottom:1px solid #0b2f4f;} .invite-list li:nth-child(3n+3){ background:#eeeeee;} .invite-list li span{ display:block; float:left; height:63px; line-height:63px; color:#323232;} .invite-list li span:nth-child(1){ padding-left:36px; width:242px;} .invite-list li span:nth-child(2){ width:216px;} .invite-list li span:nth-child(3){ width:220px;} .invite-list li span:nth-child(4){ width:245px;} .invite-list li span:nth-child(5){ width:142px;} .invitefix{ width:100%; height:100%; z-index:199; position:fixed; left:0; top:0; opacity:0; visibility:hidden; transition:0.5s;} .invitefix.on{ opacity:1; visibility:visible;} .invitefix.on .invitebox{ opacity:1; visibility:visible; transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); transition:0.64s 0.15s;} .invitebg{ position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(7,46,77,0.5); background:#072e4d\9; filter:alpha(opacity=50); cursor:url(../img/close2.ico),pointer;} .invitebox{ width:1000px; background:#fff; position:absolute; left:50%; margin-left:-500px; top:50%; z-index:5; margin-top:-298px; opacity:0; visibility:hidden; transform:rotate(0.7); -webkit-transform:rotate(0.7); -moz-transform:rotate(0.7); transition:0.4s;} .invitewr{ padding:40px 55px 28px 40px;} .inclose{ position:absolute; right:65px; top:50px; display:block; color:#072e4d; font-size:14px; cursor:pointer;} .inclose i{ display:inline-block; width:14px; height:14px; background:url(../img/close.png) center no-repeat; margin-right:6px; transition:0.4s;} .inclose:hover i{ transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg);} .invites{ line-height:1; color:#323232; font-size:30px; font-weight:normal; padding-bottom:18px; border-bottom:1px solid #e1e1e1;} .invitete{ margin-top:28px; height:344px; overflow-y:auto; overflow-x:hidden; -webkit-overflow-scrolling: touch;} .invitete p{ color:#323232; font-size:14px;} .invitea{ margin-top:60px; padding-left:14px; width:70px; padding-right:14px; padding-top:10px; padding-bottom:10px; background:#005bac;} .invitea a{ display:block; position:relative; line-height:1.2; color:#fff;} .invitete::-webkit-scrollbar,.serscoll::-webkit-scrollbar{ width:5px; height: 5px;} .invitete::-webkit-scrollbar-thumb,.serscoll::-webkit-scrollbar-thumb { border-radius:5px; -webkit-box-shadow: inset 0 0 0.1rem rgba(0,0,0,0.2); background: #005bac;} .invitete::-webkit-scrollbar-track,.serscoll::-webkit-scrollbar-track{border-radius: 5px;} .mapwr{width: 60%;position: relative;overflow: hidden; line-height: 1;float: left;} .mapwr .mpahei{ width:100%; height:490px; line-height:1;} .mapwr #maps{ width:100%; height:490px; z-index:5; line-height:1;} .contact_title{width: 38%; float: right; text-align: left;} .contact_title .cont_txt{color: #333; font-size: 14px; height: 350px;background: #fbfbfb; padding: 30px;} .anchorBL{ display:none !important;} #maps .BMap_bubble_title{ color:#005bac; margin-bottom:6px; font-size:16px; font-weight:bold;} #maps .BMap_mask{ background:rgba(0,0,0,0.2) !important; background:#000\9; filter:alpha(opacity=20);} .addressli{ padding:50px 0 55px; text-align:center;} .addrein{ float:left; width:25%; text-align:center; margin-bottom: 35px;} .addrein b{ display:block; width:50px; height:50px; border:2px solid #005bac; position:relative; border-radius:50%; margin:auto; margin-bottom:26px; transition:0.32s;} .addrein b img{ display:block; max-width:100%; max-height:100%; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto;} .addrein span{ display:block; text-align:center; line-height:1; color:#646464; font-size:16px;} .addrein:hover b{ transform:translateY(-5px); -webkit-transform:translateY(-5px); -moz-transform:translateY(-5px);} .message-box{ padding:85px 0 114px; background:#eeeeee;} .messagewr{ margin:0 26px;} .messagele{ width:49.8%; float:left;} .messagele:nth-child(2){ float:right;position:relative;} .messagele:nth-child(2) img{position:absolute;top:66px; right:11px;} .messget{ border:none; background:#fff; font-family:"微软雅黑"; outline:none; height:47px; line-height:47px; color:#969696; padding-left:20px; width:550px; margin-bottom:5px; transition:0.38s; border:1px solid #fff;} .messget:focus{ border-color:#005bac;} .messagele textarea{ padding:23px 32px; background:#fff; color:#969696; width:508px; height:111px; resize:none; font-family:"微软雅黑";} .magessub{ text-align:center; margin-top:22px;} .magessub input{ width:138px; height:43px; text-align:center; line-height:43px; color:#ffffff; background:#005bac; margin:auto; transition:0.43s; border:none; outline:none; cursor:pointer;} .magessub input:hover{ background:#072e4d;} .erron{ position:absolute; width:100%; height:100%; left:0; top:0; background:url(../img/58.jpg) center bottom no-repeat; background-size:100% auto;} .erronte{ position:absolute; left:50%; margin-left:-555px; top:50%; text-align:center; margin-top:-171px;} .erronte img{ display:block; max-width:100%; height:auto; margin:auto; margin-bottom:75px;} .erronte p{ line-height:1; text-align:center; color:#505050; font-size:14px;} .errond{ margin-top:25px; text-align:center;} .errond a{ display:inline-block; padding-left:42px; width:74px; height:29px; color:#ffffff; margin-right:6px; text-align:left; line-height:29px;} .errond a:last-child{ margin-right:0;} .errond a:nth-child(1){ background:#005bac url(../img/refresh.png) 19px center no-repeat;} .errond a:nth-child(2){ background:#0b2f4f url(../img/arrow8.png) 19px center no-repeat;} @keyframes scroll_on0 { 0% { opacity:0; filter:blur(0); } 100% { opacity:1; filter:blur(0); } } .introductt.article-block{ opacity:0; opacity:1\9;} .introductt.articleShow{ animation:scroll_on0 0.75s ease-in-out forwards; -webkit-animation:scroll_on0 0.75s ease-in-out forwards; -ms-animation:scroll_on0 0.75s ease-in-out forwards; -o-animation:scroll_on0 0.75s ease-in-out forwards;} .introductfix.article-block{ opacity:0; opacity:1\9;} .introductfix.articleShow{ animation:scroll_on0 0.75s ease-in-out forwards; -moz-animation:scroll_on0 0.75s ease-in-out forwards; -ms-animation:scroll_on0 0.75s ease-in-out forwards; -o-animation:scroll_on0 0.75s ease-in-out forwards;} @keyframes scroll_on1 { 0% { opacity:0; transform:scale(1.1); } 100% { opacity:1; transform:scale(1); } } .culturein.article-block{ opacity:0; opacity:1\9;} .culturein.articleShow{ animation:scroll_on1 1s ease-in-out forwards; -webkit-animation:scroll_on1 1s ease-in-out forwards; -ms-animation:scroll_on1 1s ease-in-out forwards; -moz-animation:scroll_on1 1s ease-in-out forwards;} .culturein:nth-child(2).articleShow{ animation:scroll_on1 1s 0.3s ease-in-out forwards; -webkit-animation:scroll_on1 1s 0.3s ease-in-out forwards; -ms-animation:scroll_on1 1s 0.3s ease-in-out forwards; -moz-animation:scroll_on1 1s 0.3s ease-in-out forwards;} .culturein:nth-child(3).articleShow{ animation:scroll_on1 1s 0.6s ease-in-out forwards; -webkit-animation:scroll_on1 1s 0.6s ease-in-out forwards; -ms-animation:scroll_on1 1s 0.6s ease-in-out forwards; -moz-animation:scroll_on1 1s 0.6s ease-in-out forwards;} .speechle.article-block .speeimg{ opacity:0; opacity:1\9;} .speechle.articleShow .speeimg{ animation:scroll_on1 1.2s ease-in-out forwards; -webkit-animation:scroll_on1 1.2s ease-in-out forwards; -ms-animation:scroll_on1 1.2s ease-in-out forwards; -moz-animation:scroll_on1 1.2s ease-in-out forwards;} .speechle.article-block .sppechte{ opacity:0; opacity:1\9;} .speechle.articleShow .sppechte{ animation:scroll_on2 0.8s 0.3s ease-in-out forwards;} .speechle.article-block .sppechte:before{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; background:#fff; display:none\9;} .speechle.articleShow .sppechte:before{ animation:scroll_on22 0.8s 0.3s ease-in-out forwards;} .speechd.article-block{ opacity:0; opacity:1\9;} .speechd.articleShow{ animation:scroll_on0 1.4s ease-in-out forwards; -webkit-animation:scroll_on0 1.4s ease-in-out forwards; -ms-animation:scroll_on0 1.4s ease-in-out forwards; -o-animation:scroll_on0 1.4s ease-in-out forwards;} .framework.article-block{ opacity:0; opacity:1\9;} .framework.articleShow{ animation:scroll_on0 1s ease-in-out forwards; -moz-animation:scroll_on0 1s ease-in-out forwards; -ms-animation:scroll_on0 1s ease-in-out forwards; -o-animation:scroll_on0 1s ease-in-out forwards;} .contructe-box .modernbg.article-block img{ opacity:0; opacity:1\9;} .contructe-box .modernbg.articleShow img{ animation:scroll_on0 1.2s ease-in-out forwards; -webkit-animation:scroll_on0 1.2s ease-in-out forwards; -ms-animation:scroll_on0 1.2s ease-in-out forwards; -o-animation:scroll_on0 1.2s ease-in-out forwards;} .construst.article-block{ opacity:0; opacity:1\9;} .construst.articleShow{ animation:scroll_on2 0.8s ease-in-out forwards; -moz-animation:scroll_on2 0.8s ease-in-out forwards; -ms-animation:scroll_on2 0.8s ease-in-out forwards; -webkit-animation:scroll_on2 0.8s ease-in-out forwards;} .construst.article-block:before{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; background:#fff; display:none\9;} .construst.articleShow:before{ animation:scroll_on22 0.8s ease-in-out forwards; -webkit-animation:scroll_on22 0.8s ease-in-out forwards; -ms-animation:scroll_on22 0.8s ease-in-out forwards; -o-animation:scroll_on22 0.8s ease-in-out forwards;} .construstfix.article-block{ opacity:0; opacity:1\9;} .construstfix.articleShow{ animation:scroll_on0 1.2s ease-in-out forwards; -webkit-animation:scroll_on0 1.2s ease-in-out forwards; -ms-animation:scroll_on0 1.2s ease-in-out forwards; -o-animation:scroll_on0 1.2s ease-in-out forwards;} .tendeon.article-block{ opacity:0; opacity:1\9;} .tendeon.articleShow{ animation:scroll_on2 0.8s ease-in-out forwards; -moz-animation:scroll_on2 0.8s ease-in-out forwards; -ms-animation:scroll_on2 0.8s ease-in-out forwards; -webkit-animation:scroll_on2 0.8s ease-in-out forwards;} .tendeon.article-block:before{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; background:#fff; display:none\9;} .tendeon.articleShow:before{ animation:scroll_on22 0.8s ease-in-out forwards; -webkit-animation:scroll_on22 0.8s ease-in-out forwards; -ms-animation:scroll_on22 0.8s ease-in-out forwards; -o-animation:scroll_on22 0.8s ease-in-out forwards;} .tender-list.article-block li,.resoucein.article-block{ opacity:0; opacity:1\9;} .tender-list.articleShow li,.resoucein.articleShow{ animation:scroll_on1 0.7s ease-in-out forwards; -webkit-animation:scroll_on1 0.7s ease-in-out forwards; -ms-animation:scroll_on1 0.7s ease-in-out forwards; -moz-animation:scroll_on1 0.7s ease-in-out forwards;} .tender-list.articleShow li:nth-child(2){ animation:scroll_on1 0.7s 0.2s ease-in-out forwards; -webkit-animation:scroll_on1 0.7s 0.2s ease-in-out forwards; -ms-animation:scroll_on1 0.7s 0.2s ease-in-out forwards; -moz-animation:scroll_on1 0.7s 0.2s ease-in-out forwards;} .tender-list.articleShow li:nth-child(3){ animation:scroll_on1 0.7s 0.4s ease-in-out forwards; -webkit-animation:scroll_on1 0.7s 0.4s ease-in-out forwards; -ms-animation:scroll_on1 0.7s 0.4s ease-in-out forwards; -moz-animation:scroll_on1 0.7s 0.4s ease-in-out forwards;} .tender-list.articleShow li:nth-child(4){ animation:scroll_on1 0.7s 0.6s ease-in-out forwards; -webkit-animation:scroll_on1 0.7s 0.6s ease-in-out forwards; -ms-animation:scroll_on1 0.7s 0.6s ease-in-out forwards; -moz-animation:scroll_on1 0.7s 0.6s ease-in-out forwards;} .announce li.article-block,.winning li.article-block{ opacity:0; opacity:1\9;} .announce li.articleShow,.winning li.articleShow{ animation:scroll_on1 0.7s ease-in-out forwards; -webkit-animation:scroll_on1 0.7s ease-in-out forwards; -ms-animation:scroll_on1 0.7s ease-in-out forwards; -moz-animation:scroll_on1 0.7s ease-in-out forwards;} .people.article-block,.resoucetop.article-block{ opacity:0; opacity:1\9;} .people.articleShow,.resoucetop.articleShow{ animation:scroll_on0 1.2s ease-in-out forwards; -webkit-animation:scroll_on0 1.2s ease-in-out forwards; -ms-animation:scroll_on0 1.2s ease-in-out forwards; -o-animation:scroll_on0 1.2s ease-in-out forwards;} .popinput{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:9999; display:none;} .popbg{ width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(7,46,77,0.8); background:#072e4d\9; filter:alpha(opacity=80);} .poptext{ width:300px; position:absolute; left:50%; margin-left:-150px; z-index:5; top:50%; margin-top:-75px; background:#fff;} .poptext h3{ text-align:center; position:relative; color:#fff; font-size:14px; line-height:40px; background:#005bac;} .poptext h3 span{ display:block; width:14px; height:14px; position:absolute; right:13px; top:50%; margin-top:-7px; cursor:pointer; transition:0.34s; background:url(../img/close2.ico) center no-repeat; background-size:cover;} .poptext h3 span:hover{ transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg);} .popdown{ padding:23px 0 20px; text-align:center;} .popdown p{ text-align:center; line-height:1.2; color:#949494; text-align:center; margin-bottom:30px;} .popdown input{ width:74px; height:22px; text-align:center; line-height:22px; color:#fff; border:none; padding:0; margin:auto; background:#005bac; font-size:14px; cursor:pointer;} .cutureins{ width: 48.36%; margin-bottom: 34px; float: left;} .cutureins:nth-child(2n+2){ float: right;} .cuturewr{ padding-left: 30px; padding-top: 28px; height: 127px; border-bottom: 9px solid #005bac; background: #fff; transition: 0.58s;} .cuturewr strong{ display: block; line-height: 1; color: #000000; font-size: 16px; font-weight: bold; margin-bottom: 10px; transition: 0.4s;} .cuturewr small{ display: block; line-height: 1; color: #646464; font-size: 14px; font-family: arial; margin-bottom: 35px; transition: 0.4s;} .cuturewr span{ display: block; color: #646464; font-size: 14px; line-height: 1; transition: 0.4s;} .cuturewr:hover{ background: #005bac;} .cuturewr:hover strong{ color: #ffffff;} .cuturewr:hover small{ color: #fff;} .cuturewr:hover span{ color: #fff;} /* flexslider */ .productshow{position:absolute;overflow:hidden;background:url(../img/loading.gif) 50% no-repeat;z-index: 99;left: 0; right: 0; top: 50%; margin-top: -120px; height: 440px;opacity:0;opacity: 1\9;} .productshow .advanceimg{height:264px;} .productshow.slides{position:relative;z-index:1;} /* .productshow .slides li{width:220px;float:left}*/ .productshow .flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;} .productshow .flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;} .productshow .flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(images/dot.png) right 0 no-repeat;cursor:pointer;} .productshow .flex-control-nav .flex-active{background-position:0 0;} .productshow .flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;} .productshow .flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;} .productshow .flex-direction-nav li a.flex-prev{left:40px;background:url(images/prev.png) center center no-repeat;} .productshow .flex-direction-nav li a.flex-next{right:40px;background:url(images/next.png) center center no-repeat;} /*表单*/ body{position:relative} button, html input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; } label, select, button, input[type="button"], input[type="reset"], input[type="submit"], input[type="radio"], input[type="checkbox"] { cursor: pointer; } .fl{float:left} .fr{float:right} .f-cb { zoom: 1; } .f-cb:after { display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; content: "."; } .seek-bg { width: 100%; height: 100%; background: url(../img/seek_bg.png) repeat-y center; background-size: cover; position: fixed; top: 0; display: none; left: 0; z-index: 9999999999999; } .seek-bg-box { width: 620px; height: 50px; background: #fff; border-radius: 4px; position: fixed; left: 50%; display: none; line-height: 50px; z-index: 999999999999999999; margin-left: -310px; top: 50%; margin-top:-25px; } .seek-bg-box .s-txt { padding-left: 20px; width: 530px; border: 1px solid #ddd; font-size: 14px; margin-top: 10px; border-radius: 4px; color: #a3a3a3; margin-left: 16px; line-height:20px; padding:4px 6px } .seek-bg-box .submit { padding-right: 28px; width: 16px; height: 50px; border: none; background: url(../img/img01.png) no-repeat left center; } /*相关产品*/ .cz-relatelist{overflow:hidden} #map{height: 600px;} .list ul li .time{float:right;padding-right:25px;} .list ul li{float:right;width:49.7%;line-height:40px;font-size:14px;border-bottom:1px dotted #005bac;} .list ul li a{color:black;overflow:hidden;white-space: nowrap;width:75%;text-overflow: ellipsis;display: block;} .news_contact{padding:0 98px;} .new_con_title{padding:10px 103px;font-size:18px;} .list ul li a:hover{color:#005bac;} .list{overflow: hidden;padding-bottom:30px;} .flex-control-paging{display:none!important;} .codeimg{top:-52px;position:absolute;right:11px;} @media (max-width: 767px){ .mapwr { width: 100%; float: initial; } .contact_title { width: 100%; float: initial; } .contact_title .cont_txt{ height: auto; } } @media (max-width: 1660px){ .busineetit { top: 122px; } } .pagination {text-align: center;} .npage { display:inline-block; font: 16px/28px '微软雅黑', sans-serif; *display:inline; :1; *zoom:1;} .npage span,.page strong { float:left;} .npage a, .npage span.disabled, .npage strong { background:#FFF; border:1px solid #CCC; color:#333; float:left; font: 16px/24px '微软雅黑', sans-serif; margin-right:5px; min-width:15px; padding:4px 8px; text-align:center; vertical-align:middle; white-space:nowrap; _width:15px;} .npage strong{background:#005bac; color:#fff; } .npage a:hover { border:1px solid #005bac; color:#005bac; text-decoration:none;} .npage span.disabled { background:#FFF; border:1px solid #CCC; color:#CCC;} .npage span.ellipsis { float:left; font: 16px/24px '微软雅黑', sans-serif; line-height:22x; margin-right:5px;} .npage .page_txt { line-height:20px; float:right; width:auto;} .npage a.page-curpage { background:#3561db; border:1px solid #3561db; color:#FFF; font-weight:bold;} .npage input { font: 14px Verdana; padding:0 0 0 1px; width:40px; height:14px;}